<script src="jquery-1.9.1.js" type="text/javascript"></script>

<script type="text/javascript">
  $(document).ready(function(){
    //$("#destinations  li:first").addClass("red");
   // $("#destinations  li:last").addClass("red");
   // $("#destinations > li:even").addClass("red");
   // $("#destinations  li:even").addClass("red");
    //$("#destinations  li:odd").addClass("red");
    $("#destinations  li:eq(3)").addClass("red");
  });
</script>



<ul id="destinations">
  <li>Rome</li>
  <li ><li>Rome</li>
    <ul id="france">
      <li >Paris</li>
      <li >Delhi</li>
      <li >Islamabad</li>
      <li >Newyork</li>
    </ul>
  </li>
  <li class="promo">Rio</li>
  <li >Kanpur</li>
  <li >Lucknow</li>
  <li >Amritsar</li>
</ul>
<style type="text/css">
  .red{
    border:1px solid red;
    margin:10px;
  }
</style>
